<template lang="html">
    <div class="">
        <slot name="header">没有头部</slot>
        子组件内容
        {{info}}
        <button @click="passToFather">发送数据给父组件</button>
        <slot></slot>
        <slot name="footer">没有底部</slot>
    </div>
</template>

<script>
export default {
	props: {
		info: {
			type: Array,
			default: []
		}
	},
	methods: {
		passToFather() {
			console.log('child');
			//两边要一致，子组件发送的事件是 my-event
			//父组件中就要用 @my-event接收，@myEvent接收不到
			this.$emit('my-event', '子组件数据');
		}
	}
}
</script>

<style lang="css">
</style>
